<template>
  <div class="play-list">
	<el-row>
		<el-col :span="10" v-for="(item,index) in albumList" :key="index" class="artist-list-flex">
			<div class="artist-img">
				<el-image
				      style="width: 45px; height: 45px"
				      :src="item.picUrl"
				      ></el-image>
			</div>
			<div class="artist-content">
				<div style="font-size: 14px;">{{item.name}}</div>
				<div style="font-size: 12px;padding: 6px 0 6px 0;">发行时间{{item.publishTime | formatDate }}</div>
			</div>
		</el-col>
	</el-row>
  </div>
</template>

<script>

import {formatDate} from "@/utils/data.js"
export default {
  name:'AlbumList',
  props:['albumList'],
  data(){
    return{
      
    }
  },
  created(){
	 console.log()
  },
  filters:{
  	  formatDate(time) {
      if (time === null) {
        return "无";
      } else {
        let date = new Date(time);
        return formatDate(date, "yyyy-MM-dd hh:mm:ss");
      }
    },
  },
  methods:{

  }
}
</script>

<style lang="less" scoped>
    .artist-list{
    	width: 100%;
    }
    .artist-list-flex{
    	display: flex;
    	.artist-content{
    		padding: 0 0 8px 12px;
    	}
    }
</style>

